<div id="quickSearch">
	<h1>[[Job Search]]</h1>
	<form action="{$GLOBALS.site_url}/search-results-jobs/" id="quickSearchForm">
		<input type="hidden" name="action" value="search" />
		<input type="hidden" name="listing_type[equal]" value="Job" />
		<fieldset>
			<div class="quickSearchInput"><input type="text" value="" class="searchText ac_input" name="keywords[all_words]" id="keywords" autocomplete="off"></div>
			<div class="quickSearchInput">{search property=State}</div>
			<div class="quickSearchInput" style='clear:left'>{search property=City template="string.like.tpl"}</div>
			<div class="quickSearchBtn">
<input type="submit" value="View All Jobs" style=" width:150px; height:34px;margin-top:7px;margin-left:10px; background-image: url(templates/ClearView/main/images/quickSearchBtn2.png);">
<input type="submit" id="btnSearch" value="[[Search:raw]]"/></div>
		</fieldset>
		<fieldset>
			<div id="inputStat"></div>
			<div id="quickSearchLinks">
				<ul>
					<li><a href="#" id="moreOptions">[[More Options]]</a>
						<ul id="moreOprtionsItem">
							<li>&#187; <a href="{$GLOBALS.site_url}/find-jobs/">[[Advanced search]]</a></li>
							{if $acl->isAllowed('open_search_by_company_form')}
								<li>&#187; <a href="{$GLOBALS.site_url}/browse-by-company/">[[Search by Company]]</a></li>
							{/if}
						</ul>
					</li>
				</ul>
			</div>
		</fieldset>
	</form>
</div>

{literal}
<script>
$(function() {
	$("#keywords").val('{/literal}[[Keywords]]{literal}');
	$("#City").val('{/literal}[[City]]{literal}');
	$("#State").val('{/literal}[[State]]{literal}');

	$("#quickSearchForm").submit(function(){
		if ($("#keywords").val()=='{/literal}[[Keywords]]{literal}')
		{
			$("#keywords").val('');
		}
		if ($("#City").val()=='{/literal}[[City]]{literal}')
		{
			$("#City").val('');
		}
		if ($("#State").val()=='{/literal}[[State]]{literal}')
		{
			$("#State").val('');
		}
	});

	$("#keywords").focus(function(){
		if ($("#keywords").val()=='{/literal}[[Keywords]]{literal}')
		{
			$("#keywords").val('');
		}
	});

	$("#keywords").blur(function(){
		if ($("#keywords").val()=='')
		{
			$("#keywords").val('{/literal}[[Keywords]]{literal}');
		}
	});


	$("#City").focus(function(){
		if ($("#City").val()=='{/literal}[[City]]{literal}')
		{
			$("#City").val('');
		}
	});

	$("#City").blur(function(){
		if ($("#City").val()=='')
		{
			$("#City").val('{/literal}[[City]]{literal}');
		}
	});


	$("#State").focus(function(){
		if ($("#State").val()=='{/literal}[[State]]{literal}')
		{
			$("#State").val('');
		}
	});

	$("#State").blur(function(){
		if ($("#State").val()=='')
		{
			$("#State").val('{/literal}[[State]]{literal}');
		}
	}); 

});
</script>
{/literal}